/* rem适配 */
(function(document, window) {
    // 根元素html
    var html = document.getElementsByTagName("html")[0];
    // orientationchange方向改变事件(横屏或者是竖屏)
    // 判断窗口有没有orientationchange这个方法，有就赋值给一个变量，没有就返回resize方法。
    var resizeEvent =
        "orientationchange" in window ? "orientationchange" : "resize";
    // 设置根元素的font-size
    function getSize() {
        // 窗口宽度
        var clientWidth = html.clientWidth;
        if (!clientWidth) return;
        // 把document的fontSize大小设置成跟窗口成一定比例的大小，从而实现响应式效果。
        // html.style.fontSize = 100 * (调试设备宽度 / 设计图宽度) + 'px';
        // 此时相当于1rem=100px
        html.style.fontSize = 100 * (clientWidth / 1920) + "px";
    }
    if (!document.addEventListener) return;
    // 绑定窗口变化
    window.addEventListener(resizeEvent, getSize, false);
    //绑定浏览器缩放与加载时间
    document.addEventListener("DOMContentLoaded", getSize, false);
})(document, window);